<template>
  <div>
    <headers title="我的"></headers>
    <div style="width: 100%; height: 50rem">
      <img
        src="../../../assets/我的.png"
        alt=""
        style="width: 100%; height: 100%"
      />
    </div>

    <div style="width: 100%; height: 30px; text-align: center; margin-top: 10px; ">
      <van-button
        @click="del"
        style="width: 70%; height: 40px; background-color: red; color: white"
        >退出登录</van-button
      >
    </div>
  </div>
</template>

<script setup>
import { ref } from "vue";
import headers from "@/components/header.vue";

const del = () => {
  localStorage.clear("token", "username");
};
</script>

<style lang="scss" scoped></style>
